<template>
  <div class="common-title">
    <div class="com-tit-left">
      <span class="com-tit-span"></span>
      <h3 class="com-tit-h3">{{data}}</h3>
    </div>
    <div class="com-tit-right">
      <a href="javascript:(0)">查看更多
        <img src="static/imgs/home-more.png" alt="">
      </a>
    </div>

  </div>
</template>

<script>
    export default {
        name: "commonTitle",
        props:["data"],
        mounted(){

        },
        methods:{


        }

    }
</script>

<style scoped lang="scss">
  .common-title{
    width:100%;
    max-width:750px;
    margin: 0 auto;
    height:4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .com-tit-left{
      padding-left:1rem;
      display: flex;
      align-items: center;
      .com-tit-span{
        display: block;
        width:.3rem;
        height:1.8rem;
        background:#33568D;
        margin-right:.5rem;
      }
      .com-tit-h3{
        font-size:1.8rem;
        color:#222222;
        line-height: 1.8rem;
        font-weight: 600;
      }
    }
    .com-tit-right{
      padding-right:1rem;
      display: flex;
      align-items: center;
      a{
        display: flex;
        font-size: 1.4rem;
        align-items: center;
        color:#33568D;
        img{
          display: block;
          width:1rem;
          height:1rem;
          margin-left:.25rem;
        }
      }
    }

  }
</style>
